<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米众筹</title>
    <link rel="stylesheet" href="./list.css">
</head>
<body>
     <header>
        <div class="banner">
            <img src="./img/zc.png" alt="">
        </div>
     </header>
     <main class="main">
         <div class="list">
            <div class="title">
                <h3>小米甄选</h3>
                <span class="selected">精选新品 闭眼放心买</span>
            </div>
             <div class="lists">
                <img class="photo" src="./img/z1.png" alt="">
             </div>
            <div class="contant">
                <h4>小适感应剃须刀</h4>
                <span class="contant1">全自动触脸即开</span>
                <p class="p1">
                    <button class="contant2"></button>
                    <span class="contant3">172%</span> 
                    <span><img class="contant4" src="./img/h1.png" alt=""></span>
                </p>
                <p class="p2">
                    <span class="contant5">￥99</span>
                    <span><button class="contant6">立即支持</button></span>
                </p>
             </div>
             <div class="icon">
                <p>
                    <img class="icon1" src="./img/c1.png" alt="">
                    <span class="icon2">1.7万人支持</span>
                </p>
                <p>
                    <img class="icon1" src="./img/c2.png" alt="">
                    <span class="icon2">以筹172.7万元</span>
                </p>
                <p>
                    <img class="icon1" src="./img/c3.png" alt="">
                    <span class="icon2">剩余8天</span>
                </p>
             </div>
             <div class="lists">
                <img class="photo" src="./img/z2.png" alt="">
             </div>
            <div class="contant">
                <h4>纳拓雷鸣音乐手电</h4>
                <span class="contant1">一款能听歌的高亮度手电</span>
                <p class="p1">
                    <button class="contant2"></button>
                    <span class="contant3">213%</span> 
                    <span><img class="contant4" src="./img/h1.png" alt=""></span>
                </p>
                <p class="p2">
                    <span class="contant5">￥159</span>
                    <span><button class="contant6">立即支持</button></span>
                </p>
             </div>
             <div class="icon">
                <p>
                    <img class="icon1" src="./img/c1.png" alt="">
                    <span class="icon2">1.3万人支持</span>
                </p>
                <p>
                    <img class="icon1" src="./img/c2.png" alt="">
                    <span class="icon2">以筹213.7万元</span>
                </p>
                <p>
                    <img class="icon1" src="./img/c3.png" alt="">
                    <span class="icon2">剩余10天</span>
                </p>
             </div>
             <div class="lists">
                <img class="photo" src="./img/z3.png" alt="">
             </div>
            <div class="contant">
                <h4>小白智慧门</h4>
                <span class="contant1">45项专利1黑科技赋能智慧生活</span>
                <p class="p1">
                    <button class="contant2"></button>
                    <span class="contant3">237%</span> 
                    <span><img class="contant4" src="./img/h1.png" alt=""></span>
                </p>
                <p class="p2">
                    <span class="contant5">￥7999</span>
                    <span><button class="contant6">立即支持</button></span>
                </p>
             </div>
             <div class="icon">
                <p>
                    <img class="icon1" src="./img/c1.png" alt="">
                    <span class="icon2">270人支持</span>
                </p>
                <p>
                    <img class="icon1" src="./img/c2.png" alt="">
                    <span class="icon2">以筹237.9万元</span>
                </p>
                <p>
                    <img class="icon1" src="./img/c3.png" alt="">
                    <span class="icon2">剩余10天</span>
                </p>
             </div>
             <div class="lists">
                <img class="photo" src="./img/z4.png" alt="">
             </div>
            <div class="contant">
                <h4>xiaomi游戏手柄</h4>
                <span class="contant1">兼容安卓和pc设备</span>
                <p class="p1">
                    <button class="contant2"></button>
                    <span class="contant3">1234%</span> 
                    <span><img class="contant4" src="./img/h1.png" alt=""></span>
                </p>
                <p class="p2">
                    <span class="contant5">￥329</span>
                    <span><button class="contant6">立即支持</button></span>
                </p>
             </div>
             <div class="icon">
                <p>
                    <img class="icon1" src="./img/c1.png" alt="">
                    <span class="icon2">2701人支持</span>
                </p>
                <p>
                    <img class="icon1" src="./img/c2.png" alt="">
                    <span class="icon2">以筹81.2万元</span>
                </p>
                <p>
                    <img class="icon1" src="./img/c3.png" alt="">
                    <span class="icon2">剩余6天</span>
                </p>
             </div>
             <div class="lists">
                <img class="photo" src="./img/z5.png" alt="">
             </div>
            <div class="contant">
                <h4>赫特喷水擦窗机</h4>
                <span class="contant1">外界电源 鲸鱼双向喷水</span>
                <p class="p1">
                    <button class="contant2"></button>
                    <span class="contant3">41%</span> 
                    <span><img class="contant4" src="./img/h1.png" alt=""></span>
                </p>
                <p class="p2">
                    <span class="contant5">￥1499</span>
                    <span><button class="contant6">立即支持</button></span>
                </p>
             </div>
             <div class="icon">
                <p>
                    <img class="icon1" src="./img/c1.png" alt="">
                    <span class="icon2">277人支持</span>
                </p>
                <p>
                    <img class="icon1" src="./img/c2.png" alt="">
                    <span class="icon2">以筹41.5万元</span>
                </p>
                <p>
                    <img class="icon1" src="./img/c3.png" alt="">
                    <span class="icon2">剩余5天</span>
                </p>
             </div>
             <div class="lists">
                <img class="photo" src="./img/z2.png" alt="">
             </div>
            <div class="contant">
                <h4>纳拓雷鸣音乐手电</h4>
                <span class="contant1">一款能听歌的高亮度手电</span>
                <p class="p1">
                    <button class="contant2"></button>
                    <span class="contant3">213%</span> 
                    <span><img class="contant4" src="./img/h1.png" alt=""></span>
                </p>
                <p class="p2">
                    <span class="contant5">￥159</span>
                    <span><button class="contant6">立即支持</button></span>
                </p>
             </div>
             <div class="icon">
                <p>
                    <img class="icon1" src="./img/c1.png" alt="">
                    <span class="icon2">1.3万人支持</span>
                </p>
                <p>
                    <img class="icon1" src="./img/c2.png" alt="">
                    <span class="icon2">以筹213.7万元</span>
                </p>
                <p>
                    <img class="icon1" src="./img/c3.png" alt="">
                    <span class="icon2">剩余10天</span>
                </p>
             </div>
         </div>
     </main>
     <footer>
        <div class="more">
            <p class="morelite">—————更多好物，敬请期待—————</p>
        </div>
     </footer>
</body>
</html>